﻿@charset "utf-8";/* CSS Document */
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
html{overflow-x:hidden;-webkit-text-size-adjust:none;}
ul,li,dl,dt,dd{display:block;list-style:none;}
fieldset,img{border:0;}
/*勿删，解决滚动图片ie样式问题*/
img{border:0;max-width:100%;display:block;}
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
a{text-decoration:none;outline:none;}
a:link {text-decoration: none;color: #434242;}
a:visited {text-decoration: none;color: #434242;}
a:hover {text-decoration: none;color: #fe7604}
a:active {text-decoration: none;}
#page1{background:#fff;overflow:auto;}
#contt{width:100%;max-width:640px;min-height:400px;overflow:auto;position:relative;margin:0px auto;padding:0px;background:#f3f3f3;}
/*top*/
.head{max-width:640px;margin:0px auto;overflow:auto;}
.logo img{width: 100%}
.searchbtn{float:left;width:10%;margin: -10% 0 0 3%;position:relative;z-index: 10;}
.searchbtn img{width: 100%;}
#search-form{width:80%;height:30px;border-radius:10px;min-width:200px;background:#FFF;border:1px solid #ccc;position:absolute;right:2%;z-index:100;display:none}
#search-form #keywords{border:none;height:20px;padding:5px;width:75%;border-right:1px solid #ccc;margin-left:10px}
#search-form #post-search{width:15%;border:none;background:white;}
.btn{float:right;width:8%;margin: -12% 5% 0 0;position: relative;z-index: 10;}
.btn img{width: 100%;}
/*下拉导航*/
.navbg{width:150px;background:#00a1e9;position:absolute;right:0;z-index:211;display:none;border-top: 1px solid #fff;}
#font_a a{color:#fff;text-shadow:none;}
.navbg li{width:100%;height:35px;border-bottom:1px solid #87c8ca;text-indent:1.5em;}
.navbg li a{width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/35px 微软雅黑;color:#fff;}
/*小导航*/
.mini{width: 100%; text-align: center;margin:0 auto;margin:10px auto;line-height: 150%;}
.mini a{color:#000;}
.mini li{width: 20%;float: left;}
/*导航*/
.navgation{width: 100%;background: url(../images/nav_bg.png) no-repeat;margin:5px 0;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.navgation li{width: 20%;margin:10px 2.5%;float: right;position: relative;padding-bottom: 10px;}
.navgation li img{width: 100%;}
.navgation li .abc{position: absolute;bottom: 18%;text-align: center;display: block;width: 100%;color: #fff;}
/*滚动图*/
.big-pic{width:100%;margin:0 auto;overflow: hidden;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0);z-index:0;}
.big-pic img{float:left;height:auto;width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list img{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.33334%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;/*25%*/}
.slide-dot{width:95%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;text-align:right;padding:0 5% 0 0;}
.slide-dot span{display:inline-block;width:11px;height:11px;border-radius:11px;vertical-align:top;z-index:10;background:#fff;margin:8px 5px 0 5px;}
.slide-dot .slide-dot-cur{z-index:10;vertical-align:top;background:#2386d6;}
.transition{-moz-transition:-moz-transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
/*case*/
.indexcase{width: 94%;margin:0 auto;margin-top: 10px;background: #fff;border: 1px solid #eee;}
.casetitle{background: url(../images/b_top.png) no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;line-height: 200%;padding-left:2%;}
.casetitle a{color: #fff;display: block;}
.caselist{text-align: center;font-size: 14px;margin-top:5px;}
.caselist a{color: #402c3b;}
.caselist li{float: left;width:30%;margin:5px 1.5%; text-align: center;}
.caselist li span{display: block;width: 90%;margin:0 auto; line-height: 200%;}
.caselist li img{width: 100%;margin-bottom: 5px;border: 1px solid #eee;}
/*成功案例*/
.firstshow{width: 94%;margin:10px auto;border: 1px solid #eee;background: #fff;}
.firstshow table{width: 95%;margin:10px 2.5%;}
.firstshow .case0{width: 33%;background: #70cc3d;text-align: center;font-size: 18px;color: #fff;line-height: 150%;}
.firstshow .case0 span{font-size: 16px;padding-left: 20%;}
.firstshow .case0 a{color: #fff;}
.firstshow .case1{width: 33%;}
.firstshow .case2{width: 33%;}
.firstshow .case4{width: 66%;}
.firstshow table img{width: 100%;height: 100%;}
/*网页底部*/
.copyright{border-top: 1px solid #000;color:#000;text-align: center;margin: 0 auto;padding: 10px 0px;width: 100%;position:relative;z-index: 6;}
.copyright a{color: #000;}
#wrap-a{background:#00a1e9;z-index:1000;max-width:640px;width:100%;margin: 0 auto;border-bottom: none;border: none}
.nav_map{margin:0px auto;margin-left:7%;overflow:auto}
.nav_map li{float:left;width:20%;margin-right:5%;}
/*子页面*/
#content{min-height: 250px;}
.conttent_di{width:95%;margin:0 auto;color:#fff;overflow:auto;}
.conttent_nav{height:30px;line-height:30px;margin:1% auto;border-top:#363636 1px solid;border-bottom:#363636 1px solid;color:#363636;}
.title_p1{font-weight:bold;}
.conttent_con{font-size:14px;line-height:25px;margin:0 auto;margin-bottom:3%;color:#000;overflow:hidden}
.conttent_con h4{line-height:30px;overflow:hidden;text-align:center;border-bottom:#ccc 1px dotted;}
/*新闻中心*/
#inews li{font-size:14px;background:none;text-shadow:none;font-weight:normal;padding-left:0px;width:100%;overflow:hidden;text-overflow:ellipsis;/* for internet explorer */}
#inews li a{color:#000;}
.ui-btn-inner{border:none;}
.ui-icon{display:none;}
.ui-btn-up-c,ui-btn-text{color:#fff;}
.ui-btn-up-c a,ui-btn-text a{color:#fff;}
.inews li a{color:#fff;}
/*产品列表*/
.product_imgshow{width:70%;border:#fff 2px solid;margin:0px auto;}
.showpic{width: 33.33%;text-align: center;float: left;font-size: 14px;margin-top:1%;}
.showpic img{width: 75%;margin:0 auto;}
.showpic a{color: #000;}
.showpic a:link{color: #000;}
.showpic a:visited{color: #000;}
#contt{padding-bottom:80px;}
@media all and (min-width:640px){
    .mini,.navgation,.casetitle{font-size: 18px;}
    .case1,.case2,.case3,.case4{height: 150px;}
}
@media all and (max-width:540px){
    .mini,.navgation,.casetitle{font-size: 18px;}
    .case1,.case2,.case3,.case4{height: 130px;}
}
@media all and (max-width:480px){
    .mini,.navgation,.casetitle{font-size: 16px;}
    .case1,.case2,.case3,.case4{height: 120px;}
}
@media all and (max-width:420px){
    .mini,.navgation,.casetitle,.caselist{font-size: 14px;}
    .case1,.case2,.case3,.case4{height: 110px;}
}
@media all and (max-width:360px){
    .mini,.navgation,.casetitle,.caselist{font-size: 12px;}
    .case1,.case2,.case3,.case4{height: 100px;}
    #contt{padding-bottom:60px;}
}
/*pw add page 2013/7/4*/
#pages .a1{color: #000;display:inline-block;padding:10px 15px;border:1px solid #454545;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px}
/*右侧弹出样式*/
#menu{height:100%;background:#555;width:240px;text-shadow:none;}
#menu a{color:#fff;}
#menu ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.1);height:35px;line-height:35px;}
.ui-panel-content-wrap{background:none;}
/*pw add page 2013/7/4*/
#pages .a1 {
	color: #000;
	display:inline-block;
	padding:10px 15px;
	border:1px solid #454545;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px
}
#dosubmit{width: 80px;height: 30px;line-height: 30px;text-align: center;}
/*右侧弹出样式*/
#menu{ height:100%; background:#00a1e9;width:150px; text-shadow:none;}
#menu a{ color:#fff;}
#menu ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.1); height:35px; line-height:35px;}
.ui-panel-content-wrap{ background:none;}
